﻿<UserControl x:Class="WpfHeroResponse.HorizontalScroller"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:WpfHero="clr-namespace:WpfHeroResponse"
    xmlns:WpfHero1="clr-namespace:WpfHero;assembly=WHEngine"
    Height="244" Width="318" xmlns:d="http://schemas.microsoft.com/expression/blend/2006" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
	<UserControl.Resources>
		<ResourceDictionary>
			<ResourceDictionary.MergedDictionaries>
				<ResourceDictionary Source="Resources\Controls.xaml"/>
			</ResourceDictionary.MergedDictionaries>
			<Style x:Key="ItemContainerStyle" TargetType="{x:Type ContentPresenter}"/>
		</ResourceDictionary>
	</UserControl.Resources>
    <UserControl.DataContext>
        <WpfHero1:WHEngine>
            <WpfHero1:WHEngine.Gemline1Gems>
                <WpfHero1:GemModel EndAt="00:00:00.6" StartAt="00:00:00.6" Status="Coming"/>
                <WpfHero1:GemModel EndAt="00:00:01.1" StartAt="00:00:01"/>
            </WpfHero1:WHEngine.Gemline1Gems>
			<WpfHero1:WHEngine.Gemline2Gems>
                <WpfHero1:GemModel EndAt="00:00:00.6" StartAt="00:00:00.6" Status="Coming"/>
                <WpfHero1:GemModel EndAt="00:00:01.1" StartAt="00:00:01"/>
            </WpfHero1:WHEngine.Gemline2Gems>
			<WpfHero1:WHEngine.Gemline3Gems>
                <WpfHero1:GemModel EndAt="00:00:00.5" StartAt="00:00:00"/>
            </WpfHero1:WHEngine.Gemline3Gems>
            <WpfHero1:WHEngine.Gemline4Gems>
                <WpfHero1:GemModel EndAt="00:00:00.6" StartAt="00:00:00.6" Status="Coming"/>
                <WpfHero1:GemModel EndAt="00:00:01.1" StartAt="00:00:01"/>
            </WpfHero1:WHEngine.Gemline4Gems>
			<WpfHero1:WHEngine.Gemline5Gems>
                <WpfHero1:GemModel EndAt="00:00:00.5" StartAt="00:00:00"/>
            </WpfHero1:WHEngine.Gemline5Gems>
        </WpfHero1:WHEngine>
    </UserControl.DataContext>

    <ScrollViewer HorizontalScrollBarVisibility="Hidden" VerticalScrollBarVisibility="Disabled" CanContentScroll="False">
        <Grid RenderTransformOrigin="0.5,0.5" x:Name="grid">
            <Path Stretch="Fill" Data="M49.374664,0.19359542 L49.332666,246.32785" StrokeThickness="5" StrokeEndLineCap="Round" StrokeStartLineCap="Round" HorizontalAlignment="Left" Margin="50,0,0,0" Width="5.042" x:Name="path" Fill="{x:Null}">
            	<Path.Stroke>
            		<LinearGradientBrush EndPoint="-0.298,0.5" StartPoint="1.289,0.5">
            			<GradientStop Color="#FFFF7F00" Offset="0.384"/>
            			<GradientStop Color="#FFFFF500" Offset="0.607"/>
            			<GradientStop Color="#FFFF7F00" Offset="0.821"/>
            			<GradientStop Color="#FFFF0000" Offset="0.143"/>
            		</LinearGradientBrush>
            	</Path.Stroke>
            </Path>

            <StackPanel Width="Auto" Height="Auto" x:Name="stackPanel" d:LayoutOverrides="Width, Height" HorizontalAlignment="Left" RenderTransformOrigin="0.5,0.5" Margin="{Binding Path=Margin, ElementName=path, Mode=Default}">
                <ItemsControl Height="48" ItemsPanel="{DynamicResource GemLinePanelTemplate}" ItemsSource="{Binding Path=Gemline1Gems, Mode=Default}" ItemTemplate="{DynamicResource GemTemplate}" ItemContainerStyle="{DynamicResource ItemContainerStyle}">
                	<ItemsControl.Resources>
                		<ResourceDictionary>
                			<ResourceDictionary.MergedDictionaries>
                				<ResourceDictionary Source="Resources\Controls.xaml"/>
                			</ResourceDictionary.MergedDictionaries>
                		</ResourceDictionary>
                	</ItemsControl.Resources>
                	<ItemsControl.Foreground>
                		<SolidColorBrush Color="{DynamicResource GemLine1Color}"/>
                	</ItemsControl.Foreground>
                </ItemsControl>
                <ItemsControl Height="48" ItemsPanel="{DynamicResource GemLinePanelTemplate}" ItemsSource="{Binding Path=Gemline2Gems, Mode=Default}" ItemTemplate="{DynamicResource GemTemplate}">
                	<ItemsControl.Foreground>
                		<SolidColorBrush Color="{DynamicResource GemLine2Color}"/>
                	</ItemsControl.Foreground>
                </ItemsControl>
                <ItemsControl Height="48" ItemsPanel="{DynamicResource GemLinePanelTemplate}" ItemsSource="{Binding Path=Gemline3Gems, Mode=Default}" ItemTemplate="{DynamicResource GemTemplate}">
                	<ItemsControl.Foreground>
                		<SolidColorBrush Color="{DynamicResource GemLine3Color}"/>
                	</ItemsControl.Foreground>
                </ItemsControl>
                <ItemsControl Height="48" ItemsPanel="{DynamicResource GemLinePanelTemplate}" ItemsSource="{Binding Path=Gemline4Gems, Mode=Default}" ItemTemplate="{DynamicResource GemTemplate}">
                	<ItemsControl.Foreground>
                		<SolidColorBrush Color="{DynamicResource GemLine4Color}"/>
                	</ItemsControl.Foreground>
                </ItemsControl>
                <ItemsControl Height="48" ItemsPanel="{DynamicResource GemLinePanelTemplate}" ItemsSource="{Binding Path=Gemline5Gems, Mode=Default}" ItemTemplate="{DynamicResource GemTemplate}">
                	<ItemsControl.Foreground>
                		<SolidColorBrush Color="{DynamicResource GemLine5Color}"/>
                	</ItemsControl.Foreground>
                </ItemsControl>
            </StackPanel>

        </Grid>
    </ScrollViewer>
</UserControl>
